<template>
	<view class="" style="padding: 30rpx 0 60rpx;">
		<!-- 已选中 -->
		<view class="xiahuaxian xiaohei ershiba fonweight textcenter margin_top">金水区</view>
		<!-- 未选中 -->
		<view class="xiahuaxian xiaohui ershiba nofonweight textcenter margin_top" v-for="item in 80">金水区</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		name:"quyu",
		props: ['messageInfo'],

		data() {
			return {

			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.lvbtn{
		width: 292rpx;
		height: 72rpx;
		background:#1BA95B;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.huibtn{
		width: 292rpx;
		height: 72rpx;
		background: #BAC3D5;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wushi{
		width: 50%;
	}
</style>
